<template>
	<div>
		使用mitt 插件 非父子组件传值
		<Headers ref="headerRef" @call-val="callValFn"></Headers>
	</div>
</template>

<script>
import event from "./../model/event";
import Headers from "../components/headers.vue";
export default {
	components: {
		Headers
	},
	mounted() {
		event.on("headerFn", e => {
			console.log("mitt 监听 子组件传过来的值：", e);
		});
	},
	methods: {
		// 子组件主动获取父组件的数据，方法
		fatherFn() {
			console.log("父组件的方法");
		}
	}
};
</script>

<style>
</style>